<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../header.jsp"%>
<!--  显示内容 -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="font-family: '微软雅黑';">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      ${module } <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href=""><i class="fa fa-dashboard"></i>主页</a></li>
      <li class="active">经纪人提现记录</li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    <div class="row">
      <div class="col-xs-12">
        <div class="box">
          <div class="box-header">
            <!-- 显示查询条件 2015年6月23日14:57:58 -->
            <table
              style="font-size: 12px; width: 100%; text-align: center;">
              <tr>
                <td style="text-align: right">
                  <h4>
                    <b>手机号</b>
                  </h4>
                </td>
                <td style="text-align: left"><input type="text"
                  class="form-control" id="brokerid_input"
                  placeholder="Enter Phonenumber" /></td>
                <td style="text-align: right">
                  <h4>
                    <b>审核状态</b>
                  </h4>
                </td>
                <td style="text-align: left"><select
                  id="status_select" class="form-control">
                    <option value="">请选择</option>
                    <option value="0">处理中</option>
                    <option value="1">已审核</option>
                    <option value="2">已完成</option>
                </select></td>
                <td style="text-align: right">
                  <h4>
                    <b>提现金额</b>
                  </h4>
                </td>
                <td style="text-align: left"><input type="text"
                  class="form-control" id="num_input"
                  placeholder="Enter Money" /></td>
              </tr>
              <tr>
                <td>
                  <h4 style="text-align: right;">
                    <b>时间段</b>
                  </h4>
                </td>
                <td style="text-align: right"><input type="text"
                  class="form-control" id="start_time"
                  readonly="readonly" /></td>
                <td>
                <td>
                  <h4 style="text-align: center;">
                    <b>到</b>
                  </h4>
                </td>
                <td style="text-align: left"><input type="text"
                  class="form-control" id="end_time" readonly="readonly" /></td>
                <td>
                <td style="width: 150px;">
                  <button class="btn btn-block btn-success"
                    style="width: 100px;" id="query_button">查询</button>
                </td>
                <td style="width: 150px;">
                  <button class="btn btn-block btn-success"
                    style="width: 100px;" id="allow_button">审核</button>
                </td>
                <!-- <td style="width: 150px;">
                  			<button class="btn btn-block btn-success" style="width: 100px;" id="save_button">增加</button>
                  		</td> -->
              </tr>
            </table>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <table id="table_list"
              class="table table-bordered table-hover"
              style="font-size: 12px;">
              <thead>
                <tr>
                  <th></th>
                  <th>经纪人手机号</th>
                  <th>提现类型</th>
                  <th>提现账号</th>
                  <th>提现金额</th>
                  <th>提交时间</th>
                  <th>审核状态</th>
                  <th>审核时间</th>
                  <th>完成时间</th>
                </tr>
              </thead>
              <tbody>
                <!--  使用ajax加载了内容 2015年6月23日10:26:33 -->
                <c:forEach var="user" items="${list}" varStatus="st">  
                    <tr>  
                        <td>${st.count}</td>  
                        <td>${user.username }</td>  
                        <td>${user.createDate} </td>  
                        <td>${user.modifyDate} </td>  
                        <td align="center">  
                            <span>  
                                <!-- data-target="#shwodialogModal"指向这个div data-toggle="modal"-->  
                                <a href="javascript:void(0);" onclick="deleteUser('${user.id}');" id="deleteUser"   
                                    data-toggle="modal" data-target="#shwodialogModal">  
                                    删除  
                                </a>  
                            </span>  
                            <span><a href="javascript:void(0);" onclick="updateUser('${user.id}');">修改</a></span>  
                        </td>  
                  </tr>  
                </c:forEach> 
               
              </tbody>
              <!--  使用分页插件 2015年6月23日10:56:51 -->
              <tfoot> 
                <tr>
                  <th colspan="8" style="text-align: right;">
                    <div class="btn-group" id="page_tfoot">
                      <!--  显示上一页 按钮 2015年6月23日12:38:35 -->
                      <!--  显示下一页 按钮 2015年6月23日12:38:47 -->
                    </div>
                  </th>
                </tr>
              </tfoot>
            </table>
          </div>
          <!-- /.box-body -->
        </div>
        <!-- /.box -->
      </div>
      <!-- /.col -->
    </div>
    <!-- /.row -->
    <!--  显示下面的分页控件  -->
  </section>
  <!-- /.content -->
</div>
<jsp:include page="../js.jsp"/>
<!-- page script -->
<script type="text/javascript">
	// 跳转到当前的页面 2015年6月24日16:47:40
	function current(m_index) {
		index = m_index;
		query(m_index, username_c, level_c, sex_c);
	}

	function prev(m_index) {
		// 判断传过来的m_index
		if (parseInt(m_index) < 1) {
			return;
		}
		index = m_index;
		query(m_index, username_c, level_c, sex_c);
	}

	function next(m_index) {
		// 判断传过来的m_index
		if (parseInt(m_index) > psize) {
			return;
		}
		index = m_index;
		query(m_index, username_c, level_c, sex_c);
	}

	// 查询条件的变量
	var phone_c = '';
	var status_c = '';
	var num_c = '';
	var start_c = '';
	var end_c = '';

	// 封装一下查询的方法 以及拼接的查询条件
	function query(_index, phone, status, num, start_time, end_time) {

		//对传入参数进行预处理
		if (_index == null || _index == '' || _index == 'null'
				|| _index == 'undefine') {
			_index = 1;
		}

		if (status == null || status == '' || status == 'null'
				|| status == 'undefine') {
			status = -1;
		}

		if (num == null || num == '' || num == 'null' || num == 'undefine') {
			num = 0;
		}

		if (phone == 'null' || phone == 'undefine' || phone == null
				|| phone == "") {
			phone = '';
		}
		if (start_time == 'null' || start_time == 'undefine'
				|| start_time == null || start_time == "") {
			start_time = '';
		}
		if (end_time == 'null' || end_time == 'undefine' || end_time == null
				|| end_time == "") {
			end_time = '';
		}

		//使用jQuery的Ajax调用指定url
		$
				.post(
						"<c:url value="/broker/withdraw/page"/>",
						{
							phone : phone,
							status : status,
							num : num,
							page : _index,
							start_time : start_time,
							end_time : end_time
						},
						function(data) {
							var result = jQuery.parseJSON(data);
							var withdraw_list = result.rows;
							var context_html = "";

							// 获取 查询后的数据的数目 2015年6月24日14:31:39
							var list_total = result.total;
							var mytype = '';
							var mystatus = '';
							// 使用遍历
							$(withdraw_list)
									.each(
											function() {

												if (this.withdrawType == '0') {
													mytype = '支付宝';
												} else if (this.withdrawType == '1') {
													mytype = '微信';
												} else {
													mytype = '保密';
												}
												if (this.status == '0') {
													mystatus = '处理中';
												} else if (this.status == '1') {
													mystatus = '已审核';
												} else {
													mystatus = '已完成';
												}
												context_html += "<tr><td><input type='checkbox' value="+this.withdrawOrderId+"></td><td>"
														+ this.telephone
														+ "</td><td>"
														+ mytype
														+ "</td><td>"
														+ this.withdrawAccountNo
														+ "</td><td>"
														+ this.withdrawAmount
														+ "</td><td>"
														+ this.createTime
														+ "</td><td>"
														+ mystatus
														+ "</td><td>"
														+ this.authTime
														+ "</td><td>"
														+ this.finishTime
														+ "</td></tr>";

											});
							$("#list_tbody").html(context_html);
							// 调用分页的方法 
							Paging(index, size, list_total);
						});
	}

	// 加载查询条件下面的 订单类型 2015年6月23日16:01:47

	// 在页面加载的时候  
	$(document).ready(function() {

		$("#start_time").datepicker({
			dateFormat : 'yy-mm-dd'
		});
		$("#end_time").datepicker({
			dateFormat : 'yy-mm-dd'
		});
		// 点击删除按钮 要加载的事件 2015年6月24日17:06:17
		$("#delete_button").click(function() {
			var ids = '';
			// 获取这个table下面 checked 
			$("table[id='table_list'] tbody tr").each(function(i) {
				var ch_id = $(this).find("td input");
				// 判断这个order控件是否是选中
				if (ch_id.is(':checked')) {
					ids += ch_id.val() + ',';
				}
			});

			// 处理ids
			if (ids != null && ids != '' && ids.length > 1) {
				ids = ids.substring(0, ids.length - 1);
			}

			// 调用删除方法
			$.post("${ctx}broker/withdraw/batch/delete", {
				withdrawids : ids
			}, function(data) {
				var result = jQuery.parseJSON(data);
				if (result.DATA == 'SUCCESS') {
					// 如果成功了  就调用对应的查询
					query(1, null, null, null, null, null);
				}
			});

		});

		//批量审核事件
		$("#allow_button").click(function() {
			var ids = '';
			// 获取这个table下面 checked 
			$("table[id='table_list'] tbody tr").each(function(i) {
				var ch_id = $(this).find("td input");
				// 判断这个order控件是否是选中
				if (ch_id.is(':checked')) {
					ids += ch_id.val() + ',';
				}
			});

			// 处理ids
			if (ids != null && ids != '' && ids.length > 1) {
				ids = ids.substring(0, ids.length - 1);
			}

			// 调用审核方法
			$.post("${ctx}broker/withdraw/allow", {
				withdrawids : ids
			}, function(data) {
				var result = jQuery.parseJSON(data);
				if (result.DATA == 'SUCCESS') {
					// 如果成功了  就调用对应的查询
					query(1, null, null, null, null, null);
				}
			});

		});

		// 第一次加载的时候  先加载的查询 和 要加载的分页效果 2015年6月24日14:23:58
		query(1, null, null, null, null, null);

		// 点击查询按钮 2015年6月23日17:01:18
		$("#query_button").click(function() {
			status_c = $("#status_select").val();
			brokerid_c = $("#brokerid_input").val();
			num_c = $("#num_input").val();
			start_c = $("#start_time").val();
			end_c = $("#end_time").val();

			query(1, brokerid_c, status_c, num_c, start_c, end_c);
		});

	});
</script>
	<%@ include file="../footer.jsp"%>
	</body>
</html>